// 解除样式隔离
/* .van-button--primary {
  font-size: 28rpx !important;
  background-color: lightgreen !important;
  border: 1px solid lightgreen !important;
} */
// 使用外部样式类
/* .custom-class {
  font-size: 28rpx !important;
  background-color: lightgreen !important;
  border: 1px solid lightgreen !important;
}
 */
.my-button {
  /* 声明局部的变量 */
  /* 只有被当前类名容器包裹住的元素，使用该变量才生效 */
  --color: lightgreen;
  .van-button--primary {
    font-size: 28rpx !important;
    /* 使用一个局部变量时用 var() 函数一个合法的属性值 */
    background-color: var(--color) !important;
    border: 1px solid var(--color) !important;
  }
}
